<template>
  <div id="app">
    <h1 class="title">请发表对VUE的评论</h1>
    <div class="comment-container">
      <CommentAdd></CommentAdd>
      <CommentList ></CommentList>
    </div>
    
  </div>
</template>

<script>
import CommentAdd from './components/CommentAdd';
import CommentList from './components/CommentList';

export default {
  name: 'App',
  
  components: {
    CommentAdd,
    CommentList
  }
}
</script>

<style>
#app {
  color: #2c3e50;
}
.title{
  width: 100vw;
  height: 100px;
  line-height: 100px;
  font-size: 80px;
}
.comment-container{
  display: flex;

}
</style>
